
import {
  BrowserRouter as Router,
  Switch,
  Route,
} from "react-router-dom";
import Main from './pages/main'
import NoMatch from './components/noMatch'
import Home from './pages/home'
function App() {
  return (
    <div>
      <Router>
      <div>
       <Switch>
         <Route path="/" exact  component={Main} ></Route>\
         <Route path="/main/home/*"   component={NoMatch} ></Route>
         <Route path="/main/about/*"   component={NoMatch} ></Route>
         <Route path="/main/users/*"   component={NoMatch} ></Route>
         <Route path="/main"   component={Main} ></Route>
         <Route path="*" component={NoMatch} ></Route>
        </Switch>
      </div>
      </Router>
    </div>
    
  );
}

export default App;
